html,
        body {
            height: 100%;
            margin: 0 auto;
        }
        
        ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        
        li {
            float: left;
            width: 100%;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border: 1px solid #eee;
            background: #fff;
        }
        
        span {
            color: blue;
            width: 120px;
        }
        
        .demo {
            position: absolute;
            display: none;
            z-index: 9999;
        }
        .rightClickMenu{
            position: absolute;
            display: none;
            z-index: 9999;
        }
        
        #mian {
            width: calc(100% - 0px);
            height: calc(100% - 0px);
            background-color: #ffffff;
            margin: 0 auto;
        }
        
        #mian #left {
            float: left;
            width: 120px;
            height: 100%;
            background-color: #e5ebed;
        }
        
        #mian #right {
            float: left;
            width: calc(100% - 120px);
            height: calc(100% - 30px);
            background-color: #eff2f4;
        }
        
        #top {
            width: 100%;
            height: 40px;
            line-height: 35px;
            background-color: #f9f3f3;
            display: none;
        }
        
        #toplistlfty {
            float: left;
            width: 120px;
            border: 0px;
        }
        
        #toplist {
            float: left;
            border: 0px;
        }
        
        #bottom {
            width: 100%;
            height: calc(100% - 30px);
            background-color: #ffffff;
        }
        
        .yeqian {
            display: block;
            width: 100px;
            height: 30px;
            float: left;
        }
        
        .view {
            width: 100%;
            height: 100%;
            display: none;
        }
        
        .ifromeNone {
            display: none;
        }
        
        .button {
            width: 120px;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            color: #fff;
            text-shadow: 1px 1px 1px #333;
            border-radius: 5px;
            margin: 0 5px 5px 0;
            position: relative;
            overflow: hidden;
        }
        
        .button.black {
            border: 1px solid #333;
            box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset;
            background: -webkit-linear-gradient(top, #656565, #4c4c4c);
            background: -moz-linear-gradient(top, #656565, #4a4a4a);
            background: linear-gradient(top, #656565, #4a4a4a);
        }
        
        .round,
        .side,
        .tags {
            padding-right: 30px;
        }
        
        .round:after {
            position: absolute;
            display: inline-block;
            text-align: center;
            content: "";
            color: red;
            top: 50%;
            right: 10px;
            margin-top: -10px;
            width: 17px;
            height: 20px;
            padding-left: 3px;
            line-height: 18px;
            font-size: 10px;
            font-weight: normal;
            border-radius: 10px;
            text-shadow: -2px 0 1px #333;
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }
        
        .black.round:after {
            box-shadow: 1px 0 1px rgba(255, 255, 255, .5) inset, 1px 0 1px rgba(0, 0, 0, .9);
            background: -webkit-linear-gradient(top, #333, #454545);
            background: -moz-linear-gradient(top, #333, #454545);
            background: linear-gradient(top, #333, #454545);
        }
        
        .button.gray {
            color: #8c96a0;
            text-shadow: 1px 1px 1px #fff;
            border: 1px solid #dce1e6;
            box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;
            background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);
            background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);
            background: linear-gradient(top, #f2f3f7, #e4e8ec);
        }
        
        .gray.round:after {
            box-shadow: 1px 0 1px rgba(255, 255, 255, 1) inset, 1px 0 1px rgba(0, 0, 0, .2);
            background: -webkit-linear-gradient(top, #dce1e6, #dde2e7);
            background: -moz-linear-gradient(top, #dce1e6, #dde2e7);
            background: linear-gradient(top, #dce1e6, #dde2e7);
            text-shadow: -2px 0 1px #fff;
        }
        
        #bottomView {
            width: 120px;
            height: 170px;
            background-color: #ffffff;
            border: 0px;
        }
        
        .box15 {
            box-shadow: 0px 0px 5px 5px rgba(153, 162, 138, 0.5);
        }
        
        #bottomView .item {
            text-align: center;
            line-height: 30px;
            height: 30px;
        }
        
        .item {
            width: 120px;
            line-height: 38px;
            text-align: center;
            font-size: 12px;
            color: #fff;
            text-shadow: 1px 1px 1px #333;
            border-radius: 5px;
            margin: 0 5px 5px 0;
            position: relative;
            overflow: hidden;
        }
        
        .item.black {
            color: #252525;
            text-shadow: 1px 1px 1px #fff;
            border: 1px solid #dce1e6;
            box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;
            background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);
            background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);
            background: linear-gradient(top, #f2f3f7, #e4e8ec);
        }
        
        .item:after {
            position: absolute;
            display: inline-block;
            text-align: center;
            content: "<";
            color: white;
            top: 50%;
            left: 10px;
            margin-top: -10px;
            width: 17px;
            height: 20px;
            padding-left: 3px;
            line-height: 20px;
            font-size: 10px;
            font-weight: normal;
            border-radius: 20px;
            text-shadow: -2px 0 1px #333;
            -webkit-transform: rotate(-0deg);
            -moz-transform: rotate(-0deg);
            transform: rotate(-0deg);
        }
        
        .item.rounds:after {
            box-shadow: 1px 0 1px rgb(255 255 255) inset, 1px 0 1px rgb(0 0 0 / 20%);
            background: -webkit-linear-gradient(top, #dce1e6, #a1b8cf);
            background: -moz-linear-gradient(top, #dce1e6, #dde2e7);
            background: linear-gradient(top, #dce1e6, #dde2e7);
            text-shadow: -2px 0 1px #fff;
        }
        
        .black:hover {
            background: -webkit-linear-gradient(top, #818181, #c1c1c1);
            background: -moz-linear-gradient(top, #818181, #c1c1c1);
            background: linear-gradient(top, #818181, #c1c1c1);
        }
        
        .mianTop {
            height: 30px;
            width: calc(100% - 0px);
            margin: 0 auto;
            background-color: rgb(241, 244, 236);
        }
        
        .mianTop .mianTopleft {
            float: left;
            width: 200px;
            height: 100%;
            text-align: center;
            background-color: rgb(219, 223, 214);
        }
        
        .mianTop .mianToprigth {
            width: 200px;
            height: 100%;
            text-align: center;
            float: right;
            background-color: rgb(219, 223, 214);
        }